<template>
	<view class="page flex-col">
		<cu-custom bgColor="bg-gradual-red" :isBack="false">
			<block slot="content">公告列表</block>
		</cu-custom>
		<view class="section1 flex-col">
			<view class="Body flex-col">
				<view class="bd2 flex-col justify-between">
					<view class="box3 flex-col">
						<view class="group1 flex-col" v-for="(item, index1) in list" :key="index1">
							<view class="outer1 flex-row justify-between">
								<view class="box4 flex-col">
									<view class="box5 flex-col" :style="{ background: item.lanhuBg3 }"></view>
								</view>
								<view class="box6 flex-col  justify-between">
									<view class="TextGroup1 flex-col">
										<view class="txt2">{{item.lanhutext0}}</view>
										<view class="wordbox">
											<view class="word3">{{item.lanhutext3}}</view>
											<view class="word1">{{item.lanhutext1}}</view>
											<view class="word2">{{item.lanhutext2}}</view>
										</view>
																		        
										<view class="timeout">
											<view class="outer2 flex-col">
												<view class="word5">{{item.lanhutext5}}</view>
											</view>
											<view class="word4">{{item.lanhutext4}}</view>
										</view>
																		        
									</view>
								</view>
							</view>
		
						</view>
					</view>
				</view>
			</view>
		
		</view>
	</view>

</template>

<script>
	import server from '@/api/server.js'
	export default {
		props: {
		},
		data() {
			return {
				tabIndex: 0, // 选中的
				list:[
					{
							lanhuBg3: 'url(/static/home/128/wenan.png) -5px -47px no-repeat',
							lanhutext0: '中捷通信拍卖会（中国书画）80*100cm宣纸书法',
							lanhutext1: '¥689',
							lanhutext2: '500次出价',
							lanhutext3: '当前价：',
							lanhutext4: '剩5天17时6分49秒',
							lanhuBg7: 'url(https://lanhu.oss-cn-beijing.aliyuncs.com/psa73g8kkljp6erfkwqgk8y7y901ngjw3za41f9f016-d3ea-4e4e-8bcb-cecf0d294b35) 100% no-repeat',
							lanhutext5: '未开始',
						},
						{
							lanhuBg3: 'url(/static/home/128/wenan.png) -5px -47px no-repeat',
							lanhutext0: '中捷通信拍卖会（中国书画）80*100cm宣纸书法',
							lanhutext1: '¥689',
							lanhutext2: '500次出价',
							lanhutext3: '当前价：',
							lanhutext4: '剩5天17时6分49秒',
							lanhuBg7: 'url(https://lanhu.oss-cn-beijing.aliyuncs.com/psfq0ykot2u78cy4asd5oq9pzkq6f54ss6b21266f-d276-41a9-8592-bed58cdf0152) 100% no-repeat',
							lanhutext5: '未开始',
						},
						{
							lanhuBg3: 'url(/static/home/128/wenan.png) -5px -47px no-repeat',
							lanhutext0: '中捷通信拍卖会（中国书画）80*100cm宣纸书法',
							lanhutext1: '¥689',
							lanhutext2: '500次出价',
							lanhutext3: '当前价：',
							lanhutext4: '剩5天17时6分49秒',
							lanhuBg7: 'url(https://lanhu.oss-cn-beijing.aliyuncs.com/ps8r8mmefgaxxhc6f83gfm2b2va46vys027e971e0c9-4bb2-4c9b-9199-b741ba1231f8) 100% no-repeat',
							lanhutext5: '未开始',
						},
						{
							lanhuBg3: 'url(/static/home/128/wenan.png) -5px -47px no-repeat',
							lanhutext0: '中捷通信拍卖会（中国书画）80*100cm宣纸书法',
							lanhutext1: '¥689',
							lanhutext2: '500次出价',
							lanhutext3: '当前价：',
							lanhutext4: '剩5天17时6分49秒',
							lanhuBg7: 'url(https://lanhu.oss-cn-beijing.aliyuncs.com/psb4t2tq46hihptk1hyf0uxd709oaya96q258f4649-cba9-4a54-b164-909f5db5d9c7) 100% no-repeat',
							lanhutext5: '未开始',
						},
						{
							lanhuBg3: 'url(/static/home/128/wenan.png) -5px -47px no-repeat',
							lanhutext0: '中捷通信拍卖会（中国书画）80*100cm宣纸书法',
							lanhutext1: '¥689',
							lanhutext2: '500次出价',
							lanhutext3: '当前价：',
							lanhutext4: '剩5天17时6分49秒',
							lanhuBg7: 'url(https://lanhu.oss-cn-beijing.aliyuncs.com/psb1bnddme24whpm5fuu7z8qog8ssbxpaq701fefa5-318f-4237-8b48-33d74544a25d) 0px -1px no-repeat',
							lanhutext5: '未开始',
						},
				]
			};
		},
		onLoad: function() {

		},
		mounted() {
			
		},
		computed: {

		},
		methods: {
tabtap(index) {
				this.tabIndex = index;
			},
		},

		beforeDestroy() {

		},
	}
</script>

<style scoped lang="scss">

</style>
